<!-- 事物确认中心 -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.easyui.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/jquery-easyui-1.5.5.6/locale/easyui-lang-zh_CN.js"/>"></script>
<link rel="stylesheet" type="text/css" href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/default/easyui.css"/>" />
<link rel="stylesheet" type="text/css" href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/icon.css"/>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<style>
	#list_lookup{
		width:420px;
	}
</style>
<body>
	<script type="text/javascript">
	$(function() {
		/*请假确认（添加） */
		$("#leave").linkbutton({
			onClick : function() {
				$("#insert").dialog("open");
			}
		});
		/*补卡确认（添加） */
		$("#card").linkbutton({
			onClick:function(){
				$("#Supplement_card").dialog("open");
			}
		});
		/* 清单查找 */
		$('#emp').textbox({
			icons: [{
				iconCls:'icon-add',
				handler: function(e){
					$("#insertemp").dialog("open");
				}
			}]
		});
	});
	</script>
	<div id="tb_operation">        
		<input class="easyui-combobox" name="dept" data-options="label:'部门', width:180,labelWidth:50" />
		<input class="easyui-combobox" name="dept" data-options="label:'事务类型', width:200,labelWidth:80" />  
		<input class= "easyui-datebox" data-options="label:'开始日期从', width:200,labelWidth:100">   
		<input class= "easyui-datebox" data-options="label:'到', width:200,labelWidth:30">   
		<input class="easyui-searchbox" data-options="label:'搜索', width:200,labelWidth:40"/>   
	</div>
	<div id="bot">
		<a id="leave"class="easyui-linkbutton" data-options="iconCls:'icon-add'">请假确认</a> 
		<a id="btn" class="easyui-linkbutton" data-options="iconCls:'icon-add'">补班确认</a>
		<a id="btn" class="easyui-linkbutton" data-options="iconCls:'icon-add'">外勤确认</a>
		<a id="btn" class="easyui-linkbutton" data-options="iconCls:'icon-add'">加班确认</a>
		<a id="btn" class="easyui-linkbutton" data-options="iconCls:'icon-add'">调休确认</a>
		<a id="card" class="easyui-linkbutton" data-options="iconCls:'icon-add'">补卡确认</a> 
	</div>
	<!--  -->
	
	
	
	<!--  请假确认（添加）-->
	<div id="insert" class="easyui-dialog" data-options="
		width:400,
		height:240,
		title:'请假确认',
		bodyCls:'awby',
		closed:true,
		buttons:[{
				text:'添加',
				iconCls:'icon-ok',
				handler:function(){
					$('#f1').form({
							onSubmit:function(){
								//验证表单
								return $(this).form('validate');
								
							},
							success:function(v){
								$.messager.alert('提示','恭喜，添加成功！');
								$('#insert').dialog('close');
								location.reload();
							}
						}).submit();
				}
			},{
				text:'继续添加',
				handler:function(){
					$('#f1').form('reset');
				}
			},{
				text:'关闭',
				iconCls:'icon-cancel',
				handler:function(){
					$('#insert').dialog('close');
				}
			}]">
			<form action="">
				<table>
					<tr><td><input class="easyui-textbox" id="emp" data-options="label:'  *员工', width:200,labelWidth:70"/></td><td><input class="easyui-textbox" data-options=" width:80"/></td></tr>
					<tr><td><input class="easyui-combobox" name="dept" data-options="label:'*事务类别', width:200,labelWidth:80" /></td></tr>
					<tr><td><input class="easyui-datebox" data-options="label:'*开始时日', width:200,labelWidth:80"/></td><td><input class="easyui-timespinner"  style="width:80px;" data-options="min:'08:30',showSeconds:true" /></td></tr>
					<tr><td><input class="easyui-datebox" data-options="label:'*结束时日', width:200,labelWidth:80"/></td><td><input class="easyui-timespinner"  style="width:80px;"data-options="min:'08:30',showSeconds:true" /></td></tr>
					<tr><td><input class="easyui-textbox" data-options="label:' 原因', width:200,multiline:true,labelWidth:60"/></td></tr>
				</table>
			</form>
		</div>
		
		
		
		<!--  -->
	<!--  补卡确认（添加）-->
	<div id="Supplement_card" class="easyui-dialog" data-options="
		width:400,
		height:240,
		title:'补卡确认',
		bodyCls:'awby',
		closed:true,
		buttons:[{
				text:'添加',
				iconCls:'icon-ok',
				handler:function(){
					$('#f1').form({
							onSubmit:function(){
								//验证表单
								return $(this).form('validate');
								
							},
							success:function(v){
								$.messager.alert('提示','恭喜，添加成功！');
								$('#Supplement_card').dialog('close');
								location.reload();
							}
						}).submit();
				}
			},{
				text:'继续添加',
				handler:function(){
					$('#f1').form('reset');
				}
			},{
				text:'关闭',
				iconCls:'icon-cancel',
				handler:function(){
					$('#Supplement_card').dialog('close');
				}
			}]">
			<form action="">
				<table>
					<tr><td><input class="easyui-textbox" id="emp" data-options="label:'  *员工', width:200,labelWidth:60"/></td><td><input class="easyui-textbox" data-options=" width:80"/></td></tr>
					<tr><td><input class="easyui-datebox" data-options="label:'*开始时日', width:200,labelWidth:60"/></td><td><input class="easyui-timespinner"  style="width:80px;" data-options="min:'08:30',showSeconds:true" /></td></tr>
					<tr><td><input class="easyui-textbox" data-options="label:' 原因', width:200,height:100,multiline:true,labelWidth:60"/></td></tr>
				</table>
			</form>
		</div>
		
		
		
		<!--清单查找-->
		<div id="insertemp" class="easyui-dialog" data-options="
		width:460,
		height:405,
		title:'清单查找-考勤员工',
		modal:true,
		closed:true,
		buttons:[{
				text:'添加',
				iconCls:'icon-ok',
				handler:function(){
					$('#f1').form({
							onSubmit:function(){
								//验证表单
								return $(this).form('validate');
								
							},
							success:function(v){
								$.messager.alert('提示','恭喜，添加成功！');
								$('#insertemp').dialog('close');
								location.reload();
							}
						}).submit();
				}
			},{
				text:'继续添加',
				handler:function(){
					$('#f1').form('reset');
				}
			},{
				text:'关闭',
				iconCls:'icon-cancel',
				handler:function(){
					$('#insertemp').dialog('close');
				}
			}]">
			<div>
				<form action="">
					<table id="list_lookup">
						<tr>
							<td><input class="easyui-datebox"
								data-options="label:'参考日期', width:200,labelWidth:60" /></td>
						</tr>
						<tr>
							<td><input class="easyui-textbox"
								data-options="label:'员工', width:200,labelWidth:60" /></td>
						</tr>
						<tr>
							<td><input class="easyui-textbox"
								data-options="label:'名称', width:200,labelWidth:60" /></td>
						</tr>
						<tr>
							<td><input class="easyui-combobox"
								data-options="label:'班组', width:200,labelWidth:60" /></td>
						</tr>
						<tr>
							<td><input class="easyui-combobox"
								data-options="label:'部门', width:200,labelWidth:60" /></td>
						</tr>
						<tr>
							<td></td>
							<td><a class="easyui-linkbutton">模糊查询</a></td>
							<td><a class="easyui-linkbutton">精确查询</a></td>
						</tr>
					</table>
				</form>
			</div>
			<table class="easyui-datagrid" id="q"
				data-options="   
				method:'get',
				pagination:true,     
				pageSize:10,     
				pageList: [10,20,30,40,50], 
				rownumbers:true,
				Striped:true, 
				singleSelect:true,
				striped:true
				">
				<thead>
					<tr>
						<th data-options="field:'a'">编号</th>
						<th data-options="field:'b'">员工编号</th>
						<th data-options="field:'c'">员工名称</th>
						<th data-options="field:'d'">部门</th>
						<th data-options="field:'e'">事务类型</th>
						<th data-options="field:'f'">假种</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>编号</td>
						<td>员工编号</td>
						<td>员工名称</td>
						<td>部门</td>
						<td>事务类型</td>
						<td>假种</td>
					</tr>
					<tr>
						<td>编号</td>
						<td>员工编号</td>
						<td>员工名称</td>
						<td>部门</td>
						<td>事务类型</td>
						<td>假种</td>
					</tr>
					<tr>
						<td>编号</td>
						<td>员工编号</td>
						<td>员工名称</td>
						<td>部门</td>
						<td>事务类型</td>
						<td>假种</td>
					</tr>
					<tr>
						<td>编号</td>
						<td>员工编号</td>
						<td>员工名称</td>
						<td>部门</td>
						<td>事务类型</td>
						<td>假种</td>
					</tr>
				</tbody>
			</table>
		</div>
		
		
		
		<!-- 全部-->
		
		
	<table class="easyui-datagrid"
	id="dg"
	data-options="   
		method:'get',
		pagination:true,     
		pageSize:10,     
		pageList: [10,20,30,40,50], 
		rownumbers:true,
		fit:true,
		fitColumns:true,
		Striped:true, 
		singleSelect:true,
		toolbar:'#tb_operation,#bot', 
		striped:true
		">
		<thead>
			<tr>
				<th data-options="field:'a',width:80">编号2</th>
				<th data-options="field:'b',width:80">员工编号</th>
				<th data-options="field:'c',width:80">员工名称</th>
				<th data-options="field:'d',width:80">部门</th>
				<th data-options="field:'e',width:80">事务类型</th>
				<th data-options="field:'f',width:80">假种</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>编号</td>
				<td>员工编号</td>
				<td>员工名称</td>
				<td>部门</td>
				<td>事务类型</td>
				<td>假种</td>
			</tr>
			<tr>
				<td>编号</td>
				<td>员工编号</td>
				<td>员工名称</td>
				<td>部门</td>
				<td>事务类型</td>
				<td>假种</td>
			</tr>
			<tr>
				<td>编号</td>
				<td>员工编号</td>
				<td>员工名称</td>
				<td>部门</td>
				<td>事务类型</td>
				<td>假种</td>
			</tr>
			<tr>
				<td>编号</td>
				<td>员工编号</td>
				<td>员工名称</td>
				<td>部门</td>
				<td>事务类型</td>
				<td>假种</td>
			</tr>
			<tr>
						<td>编号</td>
						<td>员工编号</td>
						<td>员工名称</td>
						<td>部门</td>
						<td>事务类型</td>
						<td>假种</td>
					</tr>
					<tr>
						<td>编号</td>
						<td>员工编号</td>
						<td>员工名称</td>
						<td>部门</td>
						<td>事务类型</td>
						<td>假种</td>
					</tr>
		</tbody>
	</table>
</body>
</html>